p,a{font-size:1rem; } a{transition:.5s;} button{transition:.5s;} .container{max-width:88%;width:88%;margin:0 auto;padding:0;} .pc_show{display: block;} .m_show{display: none;} .pc_flex{display: flex;} .m_flex{display: none;} /*电脑端导航*/ .mobile_header{display: none;} header{height:7.1875rem;width:100%;top:0;left:0;background: #b697c5;box-shadow: 0 0 0.625rem rgba(0,0,0,.1);z-index:99;} header .container{height:100%;display: flex;justify-content: space-between;align-items: center;} header .logo{display: flex;align-items: center;} header .logo img{height:6.25rem;} header .nav{display: flex;align-items: center;justify-content: center;} header .link{font-size:1.5rem;color:#fff;margin-left:1.25rem;padding:1.25rem 2.5rem;border-radius: 2.5rem;} header .link.active{background-color: #703f88;} header .link:hover{background-color: #703f88;} /*首页-轮播图*/ .banner{width:100%;height:calc(100vh - 7.1875rem);} .banner .swiper-container{width:100%;height:100%;background: url(../img/banner_bg.jpg) center bottom/cover no-repeat;position: relative;} .banner .swiper-wrapper{width:100%;height:100%;} .banner .swiper-slide{width:100%;height:100%;display: flex;justify-content: center;align-items: center;} .banner img{width:100%;} .banner .swiper-pagination{bottom:4.375rem;} .banner .swiper-pagination-bullet{width:4.375rem;height:0.75rem;background-color: #000;border-radius: 0;margin:0 0.75rem;} .banner .swiper-pagination-bullet-active{background-color: #885e9d;} /*首页关于*/ .de_about{width:100%;background: url(../img/de_about_bg.jpg) center bottom/cover no-repeat;} .de_about .container{} .de_about .ab_title{display: flex;padding:5rem 0 6.25rem;} .de_about .ab_title .block1{margin-right:16.875rem;} .de_about .ab_title .block1 .line{width:1.5rem;height:0.3125rem;background-color: #885e9d;} .de_about .ab_title .block1 .en{font-weight: bold;color:#000;font-size:3.125rem;margin:2.25rem 0 1.875rem;text-transform: uppercase;} .de_about .ab_title .block1 .cn{color:#000;font-size:2.125rem;} .de_about .ab_title .block2{} .de_about .ab_title .block2 .name{font-size:1.5rem;color:#000;font-weight: bold;line-height: 1.8;} .de_about .ab_title .block2 .sub{font-size:1.125rem;line-height: 1.8;margin:2rem 0 1.875rem;} .de_about .ab_title .block2 .ab_btn{width:11.25rem;height:3.75rem;border-radius: 3.75rem;background-color: #000;display: flex;justify-content: center;align-items: center;color:#fff;font-size:1.25rem;transition: .5s;} .de_about .ab_title .block2 .ab_btn:hover{background-color: #885e9d;} .de_about .ab_block{width:100%;padding-bottom:5.625rem;position: relative;} .de_about .swiper-container{width:100%;overflow: hidden;} .de_about .swiper-container .swiper-wrapper{} .de_about .swiper-container .swiper-slide{width:32%;background-color: #fff;border-radius: 1.25rem;overflow: hidden;aspect-ratio:720/680;} .de_about .swiper-container .imgbox{width:100%;position: relative;} .de_about .swiper-container img{width:100%;} .de_about .swiper-container p{font-size:2rem;color:#fff;font-weight: bold;position: absolute;left:2.5rem;bottom:2.5rem;} .de_about .swiper-container .txt{padding:1.875rem;} .de_about .swiper-container .txt .name{font-size:1.125rem;color:#885e9d;margin-bottom:0.625rem;font-weight: bold;} .de_about .swiper-container .txt .sub{font-size:1rem;color:#666;line-height: 1.5;} .de_about .swiper-container .txt .sub span{color:#885e9d;font-weight: bold;} .de_about .swiper-container .line{width:100%;display: flex;justify-content: space-between;margin-bottom:0.625rem;align-items: flex-start;} .de_about .swiper-container .line:last-child{margin-bottom:0;} .de_about .swiper-container .left{padding:0.3125rem 0.625rem;border-radius: 0.3125rem;background-color:#885e9d;color:#fff;margin-right:0.75rem;display: flex;justify-content: center;align-items: center;} .de_about .swiper-container .left_w2{width:25%;} .de_about .swiper-container .right{flex:1;font-size:1rem;color:#666;line-height: 1.5;} .de_about #ab-next{top:-6.25rem;bottom:auto;right:11%;left:auto;width:4.125rem;height:4.125rem;background-color: #b697c5;border-radius: 50%;transition: .5s;} .de_about #ab-next:after{color:#fff;font-size:1.25rem;font-weight: bold;content:"←"} .de_about #ab-next:hover{background-color:#703f88; } .de_about #ab-prev{top:-6.25rem;bottom:auto;right:6%;left:auto;width:4.125rem;height:4.125rem;background-color: #b697c5;border-radius: 50%;transition: .5s;} .de_about #ab-prev:after{color:#fff;font-size:1.25rem;font-weight: bold;content:"→"} .de_about #ab-prev:hover{background-color:#703f88; } /*首页产品*/ .de_product{width:100%;background: url(../img/de_pro_bg.jpg) center top/cover no-repeat;padding-top:6.25rem;padding-bottom:5.625rem;} .de_product .container{position: relative;} .de_product .block1 .line{width:1.5rem;height:0.3125rem;background-color: #885e9d;} .de_product .block1 .en{font-weight: bold;color:#000;font-size:3.125rem;margin:2.25rem 0 1.875rem;text-transform: uppercase;} .de_product .block1 .cn{color:#000;font-size:2.125rem;} .de_product .block1 .sub{color:#000;font-size:1.125rem;margin-top:2.5rem;} .de_product .block2{width:11.25rem;height:11.25rem;background-color: #feedff;display: flex;justify-content: center;align-items: center;border-radius: 50%;position: absolute;right:0;top:7.8125rem;} .de_product .block2 img{width:5.8125rem;} .de_product .boxs{display: flex;justify-content: space-between;align-items: flex-start;} .de_product .boxs .box{width:32%;position: relative;border-radius: 1.25rem;overflow: hidden;} .de_product .boxs img{width:100%;} .de_product .boxs p{position: absolute;z-index:2;top:2.8125rem;left:50%;transform: translateX(-50%);width:13.3125rem;height:4.5rem;background-color: #000;color:#fff;border-radius: 4.5rem;font-size:2rem;font-weight: bold;display: flex;justify-content: center;align-items: center;transition: .5s;} .de_product .boxs .box:hover p{background-color: #703f88;} .de_product .boxs .p_long{width:19.0625rem;} .de_product .box_down{margin-top:9.375rem;} /*首页广告*/ .de_ads{width:100%;aspect-ratio:1920/905;position: relative;overflow: hidden;} .de_ads img{width:100%;height:100%;object-fit: cover;} .de_ads p{width:100%;height:100%;display: flex;justify-content: center;align-items: center;position: absolute;z-index:2;left:0;top:0;font-size:4.5rem;color:#fff;font-weight: bold;} /*首页合作*/ .de_partner{padding:6.875rem 0 10rem;width:100%;background: url(../img/de_partner_bg.jpg) center top/cover no-repeat;} .container{} .de_partner .box1{display: flex;justify-content: space-between;} .de_partner .box1_left{display: flex;align-items:flex-start; } .de_partner .box1_left .line{width:1.5rem;height:0.3125rem;background-color: #885e9d;} .de_partner .box1_left .en{font-weight: bold;color:#000;font-size:3.125rem;margin:2.25rem 0 1.875rem;text-transform: uppercase;} .de_partner .box1_left .cn{color:#000;font-size:2.125rem;} .de_partner .de_partner_avatar{width:20.4375rem;height:auto;} .de_partner .box1_right{} .de_partner .box1_right .tabs{display: flex;justify-content: flex-end;} .de_partner .box1_right .tab{margin-left:3.125rem;position: relative;} .de_partner .box1_right .tab_default{display: block;} .de_partner .box1_right .tab_active{display: none;} .de_partner .box1_right .tab.active{} .de_partner .box1_right .tab.active .tab_default{display: none;} .de_partner .box1_right .tab.active .tab_active{display: block;} .de_partner .box1_right .tab .txt{width:100%;height:90%;position: absolute;left:0;top:0;display: flex;justify-content: center;align-items: center;flex-direction: column;} .de_partner .tab .de_partner_ico{width:5.625rem;margin-bottom:1.25rem;} .de_partner .tab p{font-size:1.75rem;color:#fff;font-weight: bold;} .de_partner .box2{} .de_partner .tab_cont{display: none;} .de_partner .tab_cont.active{display: flex;flex-wrap:wrap;justify-content: space-between;} .de_partner .imgbox{width:12.5%;aspect-ratio:210/190;background-color: #fff;border:0.0625rem solid #d3c1dc;} .de_partner .de_partner_item{width:100%;height:100%;object-fit: contain;padding:2.5rem;} .de_partner .imgbox2{width:19%;aspect-ratio:320/420;background-color: #fff;border:0.0625rem solid #d3c1dc;border-radius: 0.625rem;overflow: hidden;} .de_partner .de_partner_item2{width:100%;height:100%;object-fit: contain;padding:2.5rem;} /*首页-陈列图*/ .de_chenlie{width:100%;display: flex;flex-wrap:wrap;justify-content: space-between;background-color: #e8ebf0;} .de_chenlie .item{width:19.5%;position: relative;aspect-ratio:378/310;margin-bottom:0.625rem;overflow: hidden;} .de_chenlie .de_chenlie_item{width:100%;height:100%;object-fit: cover;transition: .5s;} .de_chenlie .item p{position: absolute;left:0;bottom:0;width:100%;height:3.125rem;display: flex;justify-content: center;align-items: center;color:#fff;font-size:1.5rem;background-color: rgba(62,42,71,.9);} .de_chenlie .item:nth-child(6){aspect-ratio:764/310;position: relative;margin-bottom:0.625rem;width:39.6%;} .de_chenlie .item:nth-child(7){width:19.5%;aspect-ratio:378/310;background-color: #b697c5;display: flex;flex-direction: column;align-items: center;justify-content: center;color:#fff;} .de_chenlie .item:nth-child(7) .line{width:1.5rem;height:0.3125rem;background-color: #fff;} .de_chenlie .item:nth-child(7) .en{font-size:3.125rem;color:#fff;font-weight: bold;text-align: center;text-transform: uppercase;margin:1.875rem 0;} .de_chenlie .item:nth-child(7) .cn{font-size:2.125rem;color:#fff;} .de_chenlie .item:hover .de_chenlie_item{transform: scale(1.1);} /*底部*/ footer{} footer .foot1{background-color: #d0b9e2;padding:3.125rem 0;} footer .foot1 .container{display: flex;justify-content:space-between;} footer .foot1 .box1{width:17%;border-right:0.0625rem solid #a28abb;display: flex;flex-direction: column;justify-content: center;} footer .foot1 .foot1_ico{width:15.6875rem;} footer .foot1 .box2{display: flex;justify-content: space-between;width:83%;padding-left:1.875rem;} footer .foot1 .box2 .txt1{} footer .foot1 .box2 .t1{font-size:1.125rem;color:#4d3459;} footer .foot1 .box2 .t2{font-size:1.75rem;color:#4d3459;font-weight: bold;margin:0.625rem 0 5.625rem;} footer .foot1 .box2 .t3{font-size:1.125rem;color:#4d3459;} footer .foot1 .box2 .txt2{} footer .foot1 .box2 .contact{display: flex;align-items: center;} footer .foot1 .box2 .con2{margin-top:3.75rem;} footer .foot1 .box2 .foot2_icon{width:3.25rem;margin-right:0.9375rem;} footer .foot1 .box2 p{font-size:1.125rem;color:#4d3459;line-height: 1.5;} footer .foot1 .box2 a{font-size:1.125rem;color:#4d3459;line-height: 1.5;} footer .foot1 .box2 .txt3 .contact{align-items: flex-start;} footer .foot1 .box2 .foot2_code{width:7.3125rem;margin-top:1.25rem;} footer .foot2{background-color: #301a3a;padding:1.875rem 0;} footer .foot2 .container{display: flex;justify-content: center;align-items: center;} footer .foot2 p{font-size:1rem;color:#b697c5;margin:0 1.25rem;} footer .foot2 a{font-size:1rem;color:#b697c5;} .foot_tabs{display: none;} /*合作伙伴*/ .top_banner{position: relative;} .n_banner{width:100%;display: block;} .pos{display: inline-flex;justify-content: center;align-items: center;border-radius: 6.25rem;overflow: hidden;box-shadow: 0 0 0.625rem rgba(0,0,0,.1);position: absolute;bottom:-3.125rem;background-color: #fff;right:4%;} .pos .pos_link{width:24.125rem;height:6.25rem;background-color: #fff;border-radius: 6.25rem;color:#4d3459;font-size:1.75rem;display: flex;justify-content: center;align-items: center;} .pos .pos_link.active{background-image: linear-gradient(to right,#dcc3eb,#90c5fa)} .page_part .con1{padding:6.875rem 0 5rem;width:100%;background: url(../img/page_part_con1_bg.jpg) center top/cover no-repeat;} .page_part .con1 .box1{display: flex;justify-content: space-between;} .page_part .con1 .box1_left{display: flex;align-items:flex-start; } .page_part .con1 .box1_left .line{width:1.5rem;height:0.3125rem;background-color: #885e9d;} .page_part .con1 .box1_left .en{font-weight: bold;color:#000;font-size:3.125rem;margin:2.25rem 0 1.875rem;text-transform: uppercase;} .page_part .con1 .box1_left .cn{color:#000;font-size:2.125rem;} .page_part .con1 .de_partner_avatar{width:20.4375rem;height:auto;} .page_part .con1 .box1_right{} .page_part .con1 .box1_right .tabs{display: flex;justify-content: flex-end;} .page_part .con1 .box1_right .tab{margin-left:3.125rem;position: relative;} .page_part .con1 .box1_right .tab_default{display: block;} .page_part .con1 .box1_right .tab_active{display: none;} .page_part .con1 .box1_right .tab.active{} .page_part .con1 .box1_right .tab.active .tab_default{display: none;} .page_part .con1 .box1_right .tab.active .tab_active{display: block;} .page_part .con1 .box1_right .tab .txt{width:100%;height:90%;position: absolute;left:0;top:0;display: flex;justify-content: center;align-items: center;flex-direction: column;} .page_part .con1 .tab .de_partner_ico{width:5.625rem;margin-bottom:1.25rem;} .page_part .con1 .tab p{font-size:1.75rem;color:#fff;font-weight: bold;} .page_part .con1 .box2{} .page_part .con1 .tab_cont{display: none;background-color: #fff;border-radius: 0.625rem;padding:4.375rem;box-shadow: 0 0 0.625rem rgba(0,0,0,.1);position: relative;} .page_part .con1 .tab_cont.active{display: flex;flex-wrap:wrap;justify-content: space-between;} .page_part .con1 .imgbox{width:16.666%;aspect-ratio:210/190;background-color: #fff;border:0.0625rem solid #d3c1dc;} .page_part .con1 .imgbox:last-child{background-color: #f7f7f7;display: flex;justify-content: center;align-items: center;} .page_part .con1 .imgbox:last-child p{color:#b697c5;font-size:5rem;font-weight: bold;transform: translateY(-1.25rem)} .page_part .con1 .de_partner_item{width:100%;height:100%;object-fit: contain;padding:2.5rem;} #odm-next{position: absolute;width:4.125rem;height:4.125rem;border-radius: 50%;background-color: #b697c5;right:2.5rem;} #odm-prev{position: absolute;width:4.125rem;height:4.125rem;border-radius: 50%;background-color: #b697c5;left:2.5rem;} #odm-next:after{color:#fff;font-size:1.125rem;content:"→"} #odm-prev:after{color:#fff;font-size:1.125rem;content:"←"} #odm_swiper{width:90%;position: relative;margin-left:5%;} .page_part .con1 .imgbox2{aspect-ratio:320/420;background-color: #fff;border:0.0625rem solid #d3c1dc;border-radius: 0.625rem;overflow: hidden;} .page_part .con1 .de_partner_item2{width:100%;height:100%;object-fit: contain;padding:2.5rem;} .page_part .con2{padding:6.25rem 0 1.25rem;width:100%;background: url(../img/page_part_con2_bg.jpg) center top/cover no-repeat;} .page_part .con2 .container{position: relative;} .page_part .con2 .txt{} .page_part .line{width:1.5rem;height:0.3125rem;background-color: #885e9d;} .page_part .en{font-weight: bold;color:#000;font-size:3.125rem;margin:2.25rem 0 1.875rem;text-transform: uppercase;} .page_part .cn{color:#000;font-size:2.125rem;} .page_part .con2 #cl_swiper{margin-top:5rem;padding-bottom:5rem;} .page_part .con2 .swiper-slide{display: flex;justify-content: space-between;flex-wrap:wrap;} .page_part .con2 .swiper-slide .item{width:23.5%;aspect-ratio:400/330;overflow: hidden;position: relative;} .page_part .con2 .swiper-slide img{width:100%;height:100%;object-fit: cover;} .page_part .con2 .swiper-slide p{position: absolute;width:100%;height:3.125rem;bottom:0;left:0;background:rgba(62,42,71,.9);display: flex;justify-content: center;align-items: center;color:#fff;font-size:1.5rem;} .page_part .con2 #cl_pagi{} .page_part .swiper-pagination-bullet{width:3.75rem;height:0.9375rem;background:#000;border-radius: 0;opacity: 1;} .page_part .swiper-pagination-bullet-active{background: #b697c5;} .page_part #cl-next{top:6.25rem;bottom:auto;right:5%;left:auto;width:4.125rem;height:4.125rem;background-color: #b697c5;border-radius: 50%;transition: .5s;} .page_part #cl-next:after{color:#fff;font-size:1.25rem;font-weight: bold;content:"←"} .page_part #cl-next:hover{background-color:#703f88; } .page_part #cl-prev{top:6.25rem;bottom:auto;right:0;left:auto;width:4.125rem;height:4.125rem;background-color: #b697c5;border-radius: 50%;transition: .5s;} .page_part #cl-prev:after{color:#fff;font-size:1.25rem;font-weight: bold;content:"→"} .page_part #cl-prev:hover{background-color:#703f88; } .page_part .con3{padding:8.125rem 0 0rem;width:100%;background: url(../img/page_part_con3_bg.jpg) center top/cover no-repeat;} .page_part .con3 .container{display: flex;justify-content: space-between;} .page_part .con3 .left{width:40%;} .page_part .con3 .txt{} .page_part .con3 .txt p{font-size:1.25rem;line-height: 1.5;margin:4.125rem 0 2.25rem;} .page_part .con3 .txt span{color:#703f88;font-weight: bold;text-decoration: underline;} .page_part .con3 .txt a{color:#703f88;} .page_part .page_part_con3{width:60%;} .page_part .right{width:50%;} .page_part .right form{width:100%;} .page_part .right .lines{width:100%;display: flex;align-items: center;margin-bottom:0.9375rem;justify-content: space-between;} .page_part .right .label{width:13%;text-align: right;} .page_part .right .lines img{position: absolute;top:10%;right:0;height:80%;} .page_part .right span{color:red;} .page_part .right input{width:85%;height:3.4375rem;background: #fff;outline: none;border:0.0625rem solid #e2e2e2;border-radius: 0.625rem;} .page_part .right textarea{width:85%;height:15rem;background: #fff;outline: none;border:0.0625rem solid #e2e2e2;border-radius: 0.625rem;resize: none;} .page_part .right .btns{width:85%;display: flex;justify-content: space-between;margin-top:1.5625rem;} .page_part .right .btn{width:48%;height:3.75rem;display: flex;justify-content: center;align-items: center;font-size:1.125rem;color:#fff;cursor:pointer;} /*联系*/ .page_contact{} .page_contact .box1{padding:5rem 0 7.5rem;width:100%;background: url(../img/page_contact_con1_bg.jpg) center top/cover no-repeat;background-position:0 -0.3125rem;} .page_contact .box1 .container{display: flex;flex-direction: column;align-items: center;} .page_contact .box1 .cn{font-size:2.125rem;} .page_contact .box1 .en{font-size:3.125rem;font-weight: bold;margin:1.5625rem 0 5rem;} .page_contact .box1 .con{width:100%;border-radius: 0.625rem;background: #fff;display: flex;flex-direction: column;align-items: center;padding:3.125rem 0;} .page_contact .box1 .com{color:#703f88;font-size:2.375rem;font-weight: bold;text-align: center;line-height: 1.5;} .page_contact .box1 .com span{font-weight: normal;text-transform: uppercase;font-size:2.125rem;} .page_contact .box1 .items{width:100%;margin-top:4.375rem;display: flex;justify-content: space-between;} .page_contact .box1 .item{width:20%;display: flex;flex-direction: column;align-items: center;} .page_contact .box1 .imgbox{width:9.125rem;height:9.125rem;background: #703f88;border-radius: 50%;display: flex;justify-content: center;align-items: center;} .page_contact .box1 .page_contact_ico{width:3.125rem;} .page_contact .box1 .d1{margin:1.875rem 0 1.25rem;font-size:1.5rem;} .page_contact .box1 .d2{font-size:1.25rem;color:#666;text-align: center;line-height: 1.5} .page_contact .box1 .d3{width:7.3125rem;margin-top:1.25rem;} .page_contact .box1 .page_contact_code{} .page_contact .box1 a{font-size:1.25rem;color:#666;} .page_contact .box2{position: relative;background: #fff;} .page_contact .box2 .contact_box2{width:100%;position: absolute;left:0;top:-1.125rem;display: block;} .page_contact .box2 .container{display: flex;justify-content: space-between;padding:4.375rem 10% 0 10%;align-items: center;} .page_contact .box2 .contact_avatar{width:30%;} .page_contact .box2 .shop_box{display: flex;flex-direction: column;align-items: center;} .page_contact .box2 .shop_line{display: flex;align-items: center;} .page_contact .box2 .contact_shop{width:3.75rem;margin-right:1.25rem;} .page_contact .box2 p{font-size:2.625rem;} .page_contact .box2 .shop_link{width:49.375rem;height:5rem;border-radius: 5rem;background: #703f88;color:#fff;display: flex;align-items: center;padding:0 3.75rem;font-size:2rem;position: relative;margin-top:2.1875rem;} .page_contact .box2 .contact_link_ico{position: absolute;top:0.9375rem;right:2.8125rem;width:5.125rem;} /*关于*/ .pos_about .pos_link{width:18.125rem;height:6.25rem;background-color: #fff;border-radius: 6.25rem;color:#4d3459;font-size:1.75rem;display: flex;justify-content: center;align-items: center;} .page_about{} .page_about .con1{padding:6.875rem 0 5rem;width:100%;background: url(../img/page_about_con1_bg.jpg) center top/cover no-repeat;} .page_about .con1 .container{display: flex;flex-direction: column;align-items: center;} .page_about .con1 .page_about_con1_logo{width:18.75rem;} .page_about .con1 .com{text-align: center;font-size:2rem;line-height: 1.5;text-transform: uppercase;font-weight: bold;margin:2.5rem 0 4.375rem;} .page_about .con1 .sub{font-size:1.25rem;text-align: center;width:60%;} .page_about .con1 p{margin-bottom:2.1875rem;line-height: 1.5;} .page_about .con1 p span{font-weight: bold;color:#703f88;} .page_about .con2{padding:6.25rem 0 1.25rem;width:100%;background: url(../img/page_about_con2_bg.jpg) center top/cover no-repeat;} .page_about .con2 .container{} .page_about .txts{display: flex;justify-content: space-between;align-items: center;} .page_about .txts .txt{width:32%;} .page_about .txts .titles{width:68%;} .page_about .txts .title{display: flex;justify-content: space-between;align-items: center;border-radius: 0.625rem;overflow:hidden;height:3.75rem;margin:1.25rem 0;} .page_about .txts .left{width:14%;background: #703f88;height:100%;display: flex;justify-content: center;align-items: center;color:#fff;font-size:1.25rem;} .page_about .txts .right{width:86%;background: #fff;height:100%;display: flex;justify-content: flex-start;align-items: center;font-size:1rem;padding:0 0.625rem;} .page_about .con2 .imgs{margin-top:3.75rem;display: flex;justify-content: space-between;flex-wrap:wrap;} .page_about .con2 .item{width:23.5%;margin-bottom:1.875rem;} .page_about .con2 .item:nth-child(n+5){width:32%;} .page_about .con2 .imgbox{width:100%;border:0.625rem solid #dccb6d;overflow:hidden} .page_about .con2 .page_about_honor{width:100%;transition: .5s;} .page_about .con2 .imgbox:hover .page_about_honor{transform: scale(1.1)} .page_about .con2 p{background: #703f88;color:#fff;width:100%;height:3.75rem;display: flex;justify-content: center;align-items: center;font-size:1.125rem} .page_about .line{width:1.5rem;height:0.3125rem;background-color: #885e9d;} .page_about .en{font-weight: bold;color:#000;font-size:3.125rem;margin:2.25rem 0 1.875rem;text-transform: uppercase;} .page_about .cn{color:#000;font-size:2.125rem;} .page_about .con3{padding:6.25rem 0 1.25rem;width:100%;background: url(../img/page_about_con3_bg.jpg) center top/cover no-repeat;} .page_about .con3 .imgs{margin-top:3.75rem;display: flex;justify-content: space-between;flex-wrap:wrap;} .page_about .con3 .item{width:19%;margin-bottom:1.25rem;} .page_about .con3 .imgbox{width:100%;overflow:hidden;border-radius: 0.625rem;} .page_about .con3 .page_about_honor{width:100%;transition: .5s;} .page_about .con3 .imgbox:hover .page_about_honor{transform: scale(1.1)} .page_about .con4{padding:6.25rem 0 1.25rem;width:100%;background: url(../img/page_about_con4_bg.jpg) center top/cover no-repeat;padding-bottom:5rem;} .page_about .con4 .container{display: flex;justify-content: space-between} .page_about .con4 .left{width:34%;} .page_about .con4 .txt1{} .page_about .con4 .txt1 .title{font-size:1.25rem;color:#703f88;font-weight: bold;margin:3.125rem 0 0.625rem;} .page_about .con4 .txt1 .sub{font-size:1.125rem;line-height: 1.5;} .page_about .con4 .txt2{margin-top:2.5rem;} .page_about .con4 .txt2 .title{width:7.5rem;height:2.5rem;background: #703f88;color:#fff;font-size:1.125rem;border-radius: 0.625rem;display: flex;justify-content: center;align-items: center;margin-bottom:0.625rem;} .page_about .con4 .txt2 .sub{font-size:1.125rem;line-height: 1.5;} .page_about .con4 .page_about_con4_right{width:66%;} /*产品列表*/ .page_product{} .page_product .box1{padding:6.25rem 0 1.25rem;width:100%;background: url(../img/page_product_con1_bg.jpg) center top/cover no-repeat;padding-bottom:5rem;} .page_product .box1 .container{display: flex;flex-direction: column;align-items: center;} .page_product .box1 .cn{font-size:2.125rem;margin:2.5rem 0 1.25rem;} .page_product .box1 .en{font-size:3.125rem;font-weight: bold;text-transform: uppercase} .page_product .box1 .list{width:100%;display: flex;justify-content: space-between;flex-wrap:wrap;margin-top:6.25rem;} .page_product .box1 .item{width:32%;margin-bottom:3.125rem;position: relative;border-radius: 1.25rem;overflow: hidden} .page_product .box1 .item:nth-child(3n+2):last-child{margin-right:34%} .page_product .box1 .imgbox{width:100%;overflow: hidden;aspect-ratio:1/1;} .page_product .box1 img{width:100%;height:100%;object-fit: cover;transition: .5s;} .page_product .box1 p{position: absolute;left:0;bottom:0;width:100%;height:4.375rem;display: flex;justify-content: center;align-items: center;color:#fff;background: #b99bc8;font-size:1.25rem;transition: .5s;} .page_product .box1 .item:hover p{background: #76488e} .pagination li{font-size:1.125rem;background:#b99bc8;color:#fff;padding:0.3125rem 0.5rem;margin:0 0.1875rem;} .pagination li a{color:#fff;} .pagination li.active{background: #76488e} .page_product .box2{position: relative;background: #f2eafb;} .page_product .box2 .contact_box2{width:100%;position: absolute;left:0;top:-1.125rem;display: block;} .page_product .box2 .container{display: flex;justify-content: space-between;padding:4.375rem 10% 0 10%;align-items: center;} .page_product .box2 .contact_avatar{width:30%;} .page_product .box2 .shop_box{display: flex;flex-direction: column;align-items: center;} .page_product .box2 .shop_line{display: flex;align-items: center;} .page_product .box2 .contact_shop{width:3.75rem;margin-right:1.25rem;} .page_product .box2 p{font-size:2.625rem;} .page_product .box2 .shop_link{width:49.375rem;height:5rem;border-radius: 5rem;background: #703f88;color:#fff;display: flex;align-items: center;padding:0 3.75rem;font-size:2rem;position: relative;margin-top:2.1875rem;} .page_product .box2 .contact_link_ico{position: absolute;top:0.9375rem;right:2.8125rem;width:5.125rem;} /*产品详情*/ .page_product .box3{padding:6.25rem 0 1.25rem;width:100%;background: url(../img/page_product_con1_bg.jpg) center top/cover no-repeat;padding-bottom:5rem;} .page_product .view_box{width:70%;margin-left:15%;margin-top:1.875rem;} .page_product .view_box .info1{display: flex;justify-content: space-between;width:100%;} .page_product .view_box .info1 .left{width:40%;} .page_product .view_box .info1 .left img{width:100%;border-radius: 1.25rem;overflow: hidden;} .page_product .view_box .info1 .right{width:55%;} .page_product .view_box .info1 .right .name{font-size:2rem;font-weight: bold;padding-bottom:2.5rem;border-bottom:0.0625rem solid #ccc;} .page_product .view_box .info1 .right .sub_content{padding:1.875rem 0;line-height: 2.5;} .page_product .view_box .info1 .right .sub_content p{font-size:1.25rem;} .page_product .view_box .info2{width:100%;border-top:0.0625rem solid #ccc;margin-top:2.5rem;padding:1.875rem 0;display: flex;justify-content: space-between;align-items: center} .page_product .view_box .info2 .left{} .page_product .view_box .info2 .item{font-size:1.125rem;margin:1.25rem 0;} .page_product .view_box .info2 a{font-size:1.125rem;color:#000;} .page_product .view_box .info2 a:hover{color: #703f88;} .page_product .view_box .info2 .right{} .page_product .view_box .info2 .back{width:12.5rem;height:3.75rem;background: #b99bc8;color:#fff;display: flex;justify-content: center;align-items: center;font-size:1.125rem;border-radius: 0.625rem;transition: .5s;} .page_product .view_box .info2 .back:hover{background: #703f88;color:#fff;}